<!DOCTYPE html>
<html>
<head>
	<title>NEd</title>
	<nav>
		<ul class="menu">
			<li><a href="/main">Home</a></li>
		</ul>
	</nav>
	<strong>
	</strong>
	<link rel="stylesheet" href="/library/static/css/main.css"/>
	<script type="text/javascript" src="/library/static/js/jquery-2.0.3.js"></script>
	<!-- script type="text/javascript" src="{{ url_for('static', filename='js/get_movies.js') }}"></script -->
</head>
<body>

	<header>
	<div class="container">
		<h1 class="logo"><a href="/main/">NEd</a></h1>
	</div>
	</header>

	<div class="container">
		<div class="jumbo">
			<h2>Welcome to the NEd app</h2>
			<h3>This is the home page for the NEd app</h3>
		</div>
	</div>
	<div id="image-gallery">
		<ul class="movie_list columns-8">
			{% for movie in movies %}
			<li class="movie_thumbnail">
				<a href="/library/{{ library }}/details/{{ movie.id }}">
					<img src="/library/{{ library }}/{{ movie.poster }}" class="poster"/>
					<h5>{{ movie.title }}</h5>
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>

</body>
</html>
